<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    *{
        margin:0;
        padding: 0;
    }
    html,body{
        height: 100%;
    }
</style>
<body>
    <svg width="100%" height="100%" style="background: #ccc;" id="svg">
       <polygon points="100,100 135,195 50,135  150,135 65,195" style="stroke:yellow; stroke-width:1;fill-opacity: 1; fill:yellow"></polygon>
        <polygon points="20,30 40,50 20,80" style="stroke:yellow; stroke-width:1;fill-opacity: 1; fill:yellow"></polygon>
    </svg>
</body>

</html>